import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router";
import VueAxios from "vue-axios";
import Axios from "axios";
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

import TheWelcome from "../../components/server/TheWelcome/TheWelcome";
import CategoryManagement from "../../components/server/CategoryManagement/CategoryManagement";
import ProductManagement from "../../components/server/ProductManagement/ProductManagement";
import OrderManagement from "../../components/server/OrderManagement/OrderManagement";
import StoreManagement from "../../components/server/StoreManagement/StoreManagement";
import TableManagement from "../../components/server/TableManagement/TableManagement";

Vue.config.productionTip = false;
Vue.use(VueAxios, Axios);
Vue.use(VueRouter);
Vue.use(ElementUI);

const routes = [
    {path: '/', redirect: '/welcome'},
    {path: '/welcome', component: TheWelcome},
    {path: '/category-management', component: CategoryManagement},
    {path: '/product-management', component: ProductManagement},
    {path: '/order-management', component: OrderManagement},
    {path: '/store-management', component: StoreManagement},
    {path: '/table-management', component: TableManagement},
];
const router = new VueRouter({
    linkActiveClass: 'active',
    routes
});

new Vue({
    router,
    render: h => h(App),
}).$mount('#app')
